<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Genius</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>

<div class="header">
    <nav class="navbar navbar-expand-lg navbar-light" style="padding: 0">
        <div class="container">
            <a class="navbar-brand logo" href="#" style="padding: 0"><img src="images/logo.jpg" alt=""></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">HOME <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">ABOUT US</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">SERVICES</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">COURSES</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">PRICING</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">CONTACT</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="bg">
        <div class="container">
            <div class="bg-wenzi">
                <h1>EDUCATION GENIUS</h1>
                <p>Lorem ipsum dolor sit amet,consectetur adipisicing elitincidunt elus maghi provident</p>
                <a href="#" class="btn">Eead More</a>
            </div>
        </div>
    </div>
</div>

<main>
    <div class="main-yi">
        <div class="container">
            <div class="yi-top">
                <h3>Our Courses</h3>
                <p>Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro conseqyatur
                    aliquam,incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt
                    quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <div class="quan clearfix">
                        <img src="images/quan.png" alt="">
                    </div>
                    <div class="yi-you">
                        <h5>Mobile Dev</h5>
                        <p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quan clearfix">
                        <img src="images/quan.png" alt="">
                    </div>
                    <div class="yi-you">
                        <h5>Mobile Dev</h5>
                        <p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quan clearfix">
                        <img src="images/quan.png" alt="">
                    </div>
                    <div class="yi-you">
                        <h5>Mobile Dev</h5>
                        <p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
                    </div>
                </div>
            </div>
            <div class="yi-buttom row">
                <div class="col-md-4">
                    <div class="quan clearfix">
                        <img src="images/quan.png" alt="">
                    </div>
                    <div class="yi-you">
                        <h5>Mobile Dev</h5>
                        <p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quan clearfix">
                        <img src="images/quan.png" alt="">
                    </div>
                    <div class="yi-you">
                        <h5>Mobile Dev</h5>
                        <p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="quan clearfix">
                        <img src="images/quan.png" alt="">
                    </div>
                    <div class="yi-you">
                        <h5>Mobile Dev</h5>
                        <p>Back by some of the biggest names in the industry,Firefox OS is an open platform that fosters greater.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-er">
        <div class="container">
            <div class="er-top">
                <h3>Our Courses</h3>
                <p>Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro
                    conseqyatur aliquam,incidunt eius magni provident,doloribus omnis minus temporibus
                    perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <img src="images/bg-2.png" class="card-img-top" alt="">
                </div>
                <div class="col-md-6">
                    <p>Lorem ipsum dolor sit amet,cadipisicing sit amet,consecteur adlipisicingelit.Atque sed,quidem quis
                        praesentium,ut unde fuga error commodi architecto,orbus omins minus temporilbus perferendis,vero mol
                        litia velit ad consecteur.Alias, laborum excepturi nihil autem nemo numquam,ipsa architecto non,magni
                        consequuntlaudantium culpa tenetur at id,beatae pet.</p>
                    <p>Lorem ipsum dolor sit amet,cadipisicing sit amet,consectetur adipsicing
                        elit.adipisicing sit amet,consecteur adipisicing elit.Atque sed,quidem q
                        uis praesentium,m deserunt</p>
                    <ul>
                        <li><img src="images/youjiamtou.png" alt="">Lorem ipsum enimdolor sit amet</li>
                        <li><img src="images/youjiamtou.png" alt="">Explicabo deleniti neque aliquid</li>
                        <li><img src="images/youjiamtou.png" alt="">Consectetr adipisicing elit</li>
                        <li><img src="images/youjiamtou.png" alt="">Lorem ipsum dolor sit amet</li>
                        <li><img src="images/youjiamtou.png" alt="">Quo issimos molest quibusdam temporibus</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="main-san">
        <div class="container">
            <div class="san-top">
                <h3>Our Events</h3>
                <p>Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro conseqyatur aliquam,i
                    ncidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus
                    nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="row">
                <div class="xia col-md-4">
                    <img src="images/yi.jpg" class="card-img-top" alt="">
                    <h6>Feb</h6>
                    <p>LOREM IPSUM DOLOR SIT AMET. CONSECTETUR ADIPIS.</p>
                </div>
                <div class="xia col-md-4">
                    <img src="images/er.jpg" class="card-img-top" alt="">
                    <h6>March</h6>
                    <p>SPSUM DOLOR SIT AMET,CONSECTETUR ADIPILSLIF.</p>
                </div>
                <div class="xia col-md-4">
                    <img src="images/san.jpg" class="card-img-top" alt="">
                    <h6>April</h6>
                    <p>DOLOR SIT AMET,CONSECTETUR ADIPISIC INDFEFT.</p>
                </div>
            </div>
        </div>
    </div>

    <div class="main-si">
        <div class="container">
            <h3>Campus Placement</h3>
            <p>Lorem ipsum dolor sit amet,consectetur adipsicing elit.Dolores quar porro conseqyatur
                aliquam,incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam
                repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            <div class="tu row">
                <div class="col-md-2">
                    <img src="images/a_03.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="images/b_05.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="images/c_07.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="images/a_03.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="images/b_05.png" alt="">
                </div>
                <div class="col-md-2">
                    <img src="images/c_07.png" alt="">
                </div>
            </div>
        </div>
    </div>
</main>

<div class="footer">
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h5>Our Contact</h5>
                    <ul>
                        <li>Target company Inc</li>
                        <li>Jc Main Road,Near Silnile tower pin-21542 NewYork US.</li>
                    </ul>
                    <ul>
                        <li>(123)456-789-1255-12584</li>
                        <li>email@domainname.com</li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5>Quick Links</h5>
                    <ul class="ul-er">
                        <li>Latest Events</li>
                        <li>Terms and conditions</li>
                        <li>Privacy policy</li>
                        <li>Career</li>
                        <li>Contact us</li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5>Latest posts</h5>
                    <ul>
                        <li>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</li>
                        <li>Pellenterque et pulvinar enim.Quisque at tempor ligula</li>
                        <li>Natus error sit voluptatem accusantium doloremque</li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h5>Recent News</h5>
                    <ul>
                        <li>Lorem ipsum dolor sit amet,consectetur adipiscing elit.</li>
                        <li>Pellenterque et pulvinar enim.Quisque at tempor ligula</li>
                        <li>Natus error sit voluptatem accusantium doloremque</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row">
                <div class="a col-md-6">
                    <p>Copyright &copy;.Company name All rights reserved.</p>
                </div>
                <div class="a1 col-md-6">
                    <img src="images/footer_03.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
</div>



<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</body>
</html>